<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>选择出行城市</title>
    <link rel="stylesheet" href="../../../css/aui.css" />
    <link rel="stylesheet" href="../../../css/trip/apply/sort.css" />
    <link rel="stylesheet" href="../../../css/trip/apply/addr.css">
    <link rel="stylesheet" href="../../../css/my/frequenter/index.css" />
</head>
<body style="cursor: pointer">
    <div class="aui-content content-padded" style="position:fixed;top:2.2rem;width:100%;background:#f7f7f7;z-index:999;top:0;">
        <form>
        <div class="search">
            <i class="aui-iconfont aui-icon-search"></i>
            <input class="search_city" type="text" placeholder="多个城市请用空格间隔" style="height: 1.6rem;" value="" id="inputCity">
        </div>
        </form>
    </div>
    <div class="hotCity" style="margin-top: 2.2rem;">
        <div class="cityTitle"><span>热门城市</span></div>
        <ul>
            <li class="hot_city">北京</li>
            <li class="hot_city">上海</li>
            <li class="hot_city">深圳</li>
            <li class="hot_city">广州</li>
            <li class="hot_city">成都</li>
            <li class="hot_city">重庆</li>
            <li class="hot_city">杭州</li>
            <li class="hot_city">西安</li>
            <li class="hot_city">武汉</li>
            <li class="hot_city">青岛</li>
            <li class="hot_city">郑州</li>
            <li class="hot_city">天津</li>
            <li class="hot_city">济南</li>
            <li class="hot_city">南京</li>
            <li class="hot_city">厦门</li>
            <li class="hot_city">长沙</li>
            <li class="hot_city">太原</li>
        </ul>
    </div>
    <ul id="tab-target" style="margin-top: 0rem;">
        <li class="sort_box" id="addressList"></li>
        <li></li>
    </ul>

</body>
<script type="text/javascript" src="../../../script/aui/api.js"></script>
<script type="text/javascript" src="../../../script/aui/aui-toast.js"></script>
<script type="text/javascript" src="../../../script/aui/aui-tab.js"></script>
<script type="text/javascript" src="../../../script/extend/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../../../script/extend/jquery.charfirst.pinyin.js"></script>
<script type="text/javascript" src="../../../script/extend/sort.js"></script>
<script type="text/javascript" src="../../../script/extend/doT.min.js"></script>
<script type="text/javascript" src="../../../script/config.js"></script>
<script type="text/javascript" src="../../../script/common.js"></script>
<script type="text/javascript" src="../../../service/index/city/applyCity.js"></script>
<script id="addressListScript" type="text/x-dot-template">
    <div id="letter"></div>
    {{ for(var i=0;i < it.length;i++) {}}
        <li class="sort_list">
            <div class="num_name">{{=it[i].name}}</div>
            <i class="aui-iconfont aui-icon-correct hidden"></i>
        </li>
    {{ } }}
    <div class="initials">
        <ul></ul>
    </div>
</script>
<script>

    apiready = function() {
        api.parseTapmode();
        new applyCity({
            cityType: 'multiply'
            ,firstStorage   : 'travel_site'
            ,secondStorage  : 'travel_destination'
            ,jsonFilePath   : '../train/train_city_list.json'
        });
    };
</script>
</html>
